﻿@model DPW.Models.HomeViewModel

@{
    ViewBag.Title = "About me";
}


<div class="main-content container-fluid">
		<div class="row-fluid">
			<div class="span3 left-sidebar">
				<div style="padding: 8px 0px;" class="side-wrapper  category">
					<ul class="nav nav-list">
					  <li class="nav-header">Categories</li>
					  <li class="divider"></li>
					  @*<li class="active"><a href="#">Humour</a></li>*@
                      @foreach (var category in Model.Categories)
                      {
                          <li><a href="/c/@category.Id" >@category.Name (@category.Poems.Count())</a></li>

                      }
					</ul>
				</div>
				
				<div style="padding: 8px 0px;" class="side-wrapper  lastest">
					<ul class="nav nav-list">
					  <li class="nav-header">Latest</li>
					  <li class="divider"></li>
                      @foreach (var latestPoem in Model.LatestPoems)
                      {
                          <li><a href="/p/@latestPoem.Id" >@latestPoem.Name</a></li>

                      }
					  <li class="divider"></li>					  
					</ul>
					<div class="view-all">
						<a style="text-align: right" href="#">View All</a>
					</div>
				</div>
				
				<div style="padding: 8px 0px;" class="side-wrapper  random">
					<ul class="nav nav-list">
					  <li class="nav-header">Most Viewed Poems</li>
					  <li class="divider"></li>
					  @foreach (var mostViewedPoem in Model.MostViewedPoems)
                      {
                          <li><a href="/p/@mostViewedPoem.Id" >@mostViewedPoem.Name</a></li>

                      }
					  <li class="divider"></li>					  
					</ul>
					<div class="view-all">
						<a style="text-align: right" href="#">View All</a>
					</div>
				</div>
				
				
			</div>

			<div class="span9 right-sidebar">	
                <hgroup class="title">
                <h1>@ViewBag.Title.</h1>
                <h2>@ViewBag.Message</h2>
                </hgroup>

                <article>
                    <p>
                        Use this area to provide additional information.
                    </p>

                    <p>
                        Use this area to provide additional information.
                    </p>

                    <p>
                        Use this area to provide additional information.
                    </p>
                </article>

                <aside>
                    <h3>Aside Title</h3>
                    <p>
                        Use this area to provide additional information.
                    </p>
                    <ul>
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("About", "About", "Home")</li>
                        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                    </ul>
                </aside>
			</div>
		</div>
	</div>

